<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>魅族实战</title>
    <link rel="stylesheet" href="style/base.css">
    <link rel="stylesheet" href="style/header.css">
    <link rel="stylesheet" href="style/public.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="style/promo.css">
    <link rel="stylesheet" href="style/main.css">
    <link rel="stylesheet" href="font-1/iconfont.css">
    <link rel="stylesheet" href="style/footer.css">
</head>

<body>
    <!--  header start-->
    <div id="header" class="pos-r">
        <div class="container clearfix">
            <div class="logo fl-l">
                <h1>魅族官网</h1>
                <i class="iconfont icon-meizu"></i>
            </div>
            <!--  nav start-->
            <div class="nav fl-l">
                <ul class="clearfix">
                    <li class="fl-l">
                        <a href="#">手机</a>
                        <div class="nav-list pos-a">
                            <div class="container">
                                <ul class="clearfix">
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-1.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族Note9</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1398</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-2.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族Note8</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥999</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-3.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族16X</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1798</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-4.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族V8 高配版</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥898</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-5.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族X8</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1298</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-6.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族16th</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥2498</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-7.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族15</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1498</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-phone/nav-phone-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族E3</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1798</a>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <a href="#">声学</a>
                        <div class="nav-list pos-a">
                            <div class="container">
                                <ul class="clearfix">
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-1.jpg" alt="">
                                            <div class="title">
                                                <a href="#">POP 真无线蓝牙耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥499</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-2.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 Flow Bass 三单元耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥399</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-3.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 HALO 激光蓝牙耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥499</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-4.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 EP51 蓝牙运动耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥129</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-5.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 EP52 Lite 蓝牙耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥129</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-6.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 LIVE 四单元动铁耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥1099</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-7.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 EP-31 耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥99</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-acoustics/nav-acoustics-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅蓝 EP52 蓝牙耳机</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥199</a>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <a href="#">配件</a>
                        <div class="nav-list pos-a">
                            <div class="container">
                                <ul class="clearfix">
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-1.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族移动电源3</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥79</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-2.jpg" alt="">
                                            <div class="title">
                                                <a href="#">快充电源适配器（UP0830S）</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥69</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-3.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族无线充电器</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥79</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-4.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 Type-C 2.0数据线</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥49</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-5.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 Micro USB 数据线</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥29</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-6.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 Type-C 金属数据线</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥39</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-7.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 16th 高透保护膜</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥19</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 16th Plus 亲肤保护壳</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥29</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 16th Plus 亲肤保护壳</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥29</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-parts/nav-parts-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族 16th Plus 亲肤保护壳</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥29</a>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <a href="#">生活</a>
                        <div class="nav-list pos-a">
                            <div class="container">
                                <ul class="clearfix">
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-1.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族盒子 一键找回遥控器</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥199</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-2.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族路由器 极速版</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥99</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-3.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅族桌面多功能USB排插</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥89</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-4.jpg" alt="">
                                            <div class="title">
                                                <a href="#">Everyday 乐游系列 酷...</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥599</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-8.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅蓝旅行包</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥269</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-6.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅蓝休闲旅行双肩包</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥199</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-7.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅蓝胸包</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥89</a>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-life/nav-life-5.jpg" alt="">
                                            <div class="title">
                                                <a href="#">魅蓝数码收纳包</a>
                                            </div>
                                            <div class="price">
                                                <a href="#">￥59</a>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <a href="#">Flyme</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">服务</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">专卖店</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">社区</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">App下载</a>
                        <div class="download pos-a">
                            <div class="container">
                                <ul class="clearfix">
                                    <li class="fl-l">
                                        <a href="#">
                                            <img src="images/nav/nav-app/nav-app-1.jpg" alt="">
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="search pos-a">
                <input class="search-p" type="text" value="魅族 Note9">
                <a href="#">
                    <i class="iconfont icon-sousuo- pos-a"></i>
                </a>
            </div>
            <div class="info pos-a">
                <a href="#">
                    <i class="iconfont icon-yonghu"></i>
                </a>
            </div>
            <div class="signin pos-a">
                <a href="#" class="dis-b">立即登录</a>
                <a href="#" class="dis-b">立即注册</a>
                <a href="#" class="dis-b">我的订单</a>
                <a href="#" class="dis-b">F码通道</a>
            </div>
            <div class="shopping-cart pos-a">
                <a href="#">
                    <i class="iconfont icon-cart"></i>
                </a>
                <div class="num pos-a">
                    <a href="#">0</a>
                </div>
            </div>
            <!--  nav end-->
        </div>
    </div>
    <!--  header end-->

    <!--  promo start-->
    <div id="promo">
        <div class="container clearfix">
            <div class="promo-list fl-l">
                <a href="#">
                    <img src="images/promo/promo-1.jpg" alt="">
                </a>
                <div class="title">
                    <a href="#">踏青而行 趁“机”去玩</a>
                </div>
                <div class="price">
                    <a href="#"> 进入活动</a>
                </div>
            </div>
            <div class="promo-list fl-l">
                <a href="#">
                    <img src="images/promo/promo-2.png" alt="">
                </a>
                <div class="title">
                    <a href="#">魅族 Note9</a>
                </div>
                <div class="price">
                    <a href="#"> 立即购买</a>
                </div>
            </div>
            <div class="promo-list fl-l">
                <a href="#">
                    <img src="images/promo/promo-3.jpg" alt="">
                </a>
                <div class="title">
                    <a href="#">以旧换新</a>
                </div>
                <div class="price">
                    <a href="#"> 免费寄件 专业检测</a>
                </div>
            </div>
            <div class="promo-list fl-l">
                <a href="#">
                    <img src="images/promo/promo-4.jpg" alt="">
                </a>
                <div class="title">
                    <a href="#">魅族 Note9</a>
                </div>
                <div class="price">
                    <a href="#"> 延保活动登记</a>
                </div>
            </div>
        </div>
    </div>
    <!--  promo end-->

    <!--  main strat-->
    <div id="main">
        <!--  phone strat-->
        <div class="phone">
            <div class="container">
                <div class="main-promo-title">
                    <a href="#">魅族手机</a>
                </div>
                <div class="main-banner">
                    <a href="#">
                        <img src="images/main/main-banner/main-banner-1.jpg" alt="">
                    </a>
                </div>
                <div class="container-i clearfix">
                    <div class="big fl-l pos-r">
                        <div class="goods-box pos-a goods-red">
                            新品
                        </div>
                        <div class="big-title">
                            <a href="#">
                                魅族 Note9
                            </a>
                        </div>
                        <div class="big-text">
                            <a href="#">
                                吃鸡不卡 拍她更美 | 骁龙675 后置4800万
                            </a>
                        </div>
                        <div class="big-price">
                            <a href="#">
                                ￥1398
                            </a>
                        </div>
                        <div class="big-img">
                            <a href="#">
                                <img src="images/main/phone/phone-1.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="big fl-l pos-r">
                        <div class="goods-box pos-a goods-yellow">
                            限时券
                        </div>
                        <div class="big-title">
                            <a href="#">
                                魅族 16th
                            </a>
                        </div>
                        <div class="big-text">
                            <a href="#">
                                骁龙845 屏幕下指纹
                            </a>
                        </div>
                        <div class="big-price">
                            <a href="#">
                                ￥2298
                            </a>
                        </div>
                        <div class="big-img">
                            <a href="#">
                                <img src="images/main/phone/phone-2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <ul class="clearfix">
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-yellow">
                                <a href="#">
                                    限时券
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-3.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 16th Plus
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    骁龙845 屏幕下指纹
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥2998
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-red">
                                <a href="#">
                                    直降
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-4.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 X8
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    人脸指纹双解锁 旗舰双摄
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥1298
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-blue">
                                <a href="#">
                                    领券
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-5.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 16 X
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    高通骁龙710 屏幕下指纹 旗舰双摄
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥1798
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-blue">
                                <a href="#">
                                    领券
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-6.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 Note8
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    全像素双核对焦 大电池长续航
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥999
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-blue">
                                <a href="#">
                                    领券
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-7.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 V8 高配版
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    1200万+500万高清双摄
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥898
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="goods-box pos-a goods-blue">
                                <a href="#">
                                    领券
                                </a>
                            </div>
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-8.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 15
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    骁龙660 2000万暗光双摄
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥1498
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">

                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-9.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 15 Plus
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    8895处理器 2000万暗光双摄
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥1798
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">

                            <div class="img">
                                <a href="#">
                                    <img src="images/main/phone/phone-10.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅蓝 E3
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    骁龙636处理器 全系6G大运存
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥1799
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--  phone end-->
            </div>
        </div>
        <!--  phone end-->

        <!--  acoustics strat-->
        <div class="acoustics">
            <div class="container">
                <div class="main-promo-title">
                    <a href="#">魅族声学</a>
                </div>
                <div class="main-banner">
                    <a href="#">
                        <img src="images/main/main-banner/main-banner-2.jpg" alt="">
                    </a>
                </div>
                <div class="container-i clearfix">
                    <ul class="clearfix">
                        <li class="fl-l pos-r">
                            <div class="pro-img">
                                <a href="#">
                                    <img src="images/main/headset/headset-1.jpg" alt="">
                                </a>
                            </div>
                            <div class="promo-name pos-a">
                                <a href="#">
                                    <h3>魅族蓝牙音频接收器</h3>
                                </a>
                            </div>
                            <div class="promo-title pos-a">
                                <a href="#">
                                    轻巧设计 独立音频芯片 一键控制 6小时续航
                                </a>
                            </div>
                            <div class="promo-price pos-a">
                                <a href="#">
                                    <h3>￥98</h3>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-2.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 HALO 激光蓝牙耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    夜跑神器 随性张扬
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥499
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-3.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 Flow Bass 三单元耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    延续经典，重赋新声
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥399
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-4.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 EP51 蓝牙运动耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    臻享音质 自在运动
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥129
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="pro-img">
                                <a href="#">
                                    <img src="images/main/headset/headset-5.jpg" alt="">
                                </a>
                            </div>
                            <div class="promo-name pos-a">
                                <a href="#">
                                    <h4>魅族 LIVE 四单元动铁耳机</h4>
                                </a>
                            </div>
                            <div class="promo-title pos-a">
                                <a href="#">
                                    6期免息
                                </a>
                            </div>
                            <div class="promo-price pos-a">
                                <a href="#">
                                    <h3>￥1099</h3>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-6.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 Flow 三单元耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    用得惬意 听得尽兴
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥399
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">

                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-7.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅蓝 EP52 蓝牙耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    轻盈悦耳 动无拘束
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥199
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">

                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-8.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 EP2X 耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    契合声音的流动之美
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥69
                                </a>
                            </div>
                        </li>

                        <li class="fl-l pos-r">
                            <div class="pro-img">
                                <a href="#">
                                    <img src="images/main/headset/headset-9.jpg" alt="">
                                </a>
                            </div>
                            <div class="promo-name pos-a">
                                <a href="#">
                                    <h3>POP 真无线蓝牙耳机</h3>
                                </a>
                            </div>
                            <div class="promo-title pos-a">
                                <a href="#">
                                    双无线 零设限
                                </a>
                            </div>
                            <div class="promo-price pos-a">
                                <a href="#">
                                    <h3>￥469</h3>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-10.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 EP21耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    悦耳 声形俱佳
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥69
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-11.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 MC-5N 耳机升级线
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    MMCX插头通用线 Live耳机升级线
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥399
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">

                            <div class="img">
                                <a href="#">
                                    <img src="images/main/headset/headset-12.png" alt="">
                                </a>
                            </div>
                            <div class="name">
                                <a href="#">
                                    魅族 EP-31 耳机
                                </a>
                            </div>
                            <div class="main-title">
                                <a href="#">
                                    舒适均衡 精致优雅
                                </a>
                            </div>
                            <div class="main-price">
                                <a href="#">
                                    ￥99
                                </a>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
            <!--  phone end-->
        </div>
        <!--  acoustics end-->

        <!--  community strat-->
        <div class="community">
            <div class="container">
                <div class="main-promo-title">
                    <a href="#">社区热帖</a>
                </div>
                <div class="container-i clearfix">
                    <ul class="clearfix">
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-1.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">hooyeah</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    魅族 Note9
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-3.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/3.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">小墨灰</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    工作和学习中的沟通总离不开邮件，而 Flyme 邮箱的出色体验为我们带来的不只是生产力。
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    功能解析
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-4.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/4.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">Keicy520</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    妙用 Flyme 分身，做生活和工作的「两面派」。
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    功能解析
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-2.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/2.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">xrx3p</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    摄影离不开适当的后期，好在如今你可以在魅族手机上轻松完成操作。
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    摄影技巧
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-5.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/5.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">歩惊云</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    这款匠心精神打造的十五周年旗舰机，再不下手就要后悔啦~
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    魅族 15
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-6.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/6.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">郑金龙</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    千元最强性能手机登场，高通骁龙 710 次旗舰级处理器加持，玩王者荣耀 Vulkan 模式请认准魅族 X8。
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    魅族 X8
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-7.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/7.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">屌丝扮海绵</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    “窗含西岭千秋雪” 魅族 16th 用旗舰双摄带你领略诗句中的美景。
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    魅族 16th
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r t-a-l">
                            <div class="img">
                                <a href="#">
                                    <img src="images/main/community/community-8.jpg" alt="">
                                </a>
                            </div>
                            <div class="head-portrait fl-l">
                                <div class="head-frame">
                                    <a href="#">
                                        <img src="images/main/community/8.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="info-name pos-a">
                                <a href="#">醉刘的摄影狮</a>
                            </div>
                            <div class="community-title">
                                <a href="#">
                                    准旗舰游戏拍照手机魅族 X8，不止有实力，还有最美刘海屏！
                                </a>
                            </div>
                            <div class="community-tips">
                                <a href="#">
                                    魅族 X8
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--  community end-->


        <!--  flyme strat-->
        <div class="flyme">
            <div class="container">
                <div class="main-promo-title">
                    <a href="#">Flyme</a>
                </div>
                <div class="container-i clearfix">
                    <ul class="clearfix">
                        <li class="fl-l pos-r t-a-c">
                            <a href="#">
                                <img src="images/main/flyme/flyme-1.png" alt="">
                            </a>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-2.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">管理手机妙招</a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-3.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">全局夜间模式</a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-4.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">性能更出众</a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-5.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">解锁真的快</a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-6.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">全新魅族社区</a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="flyme-img">
                                <a href="#">
                                    <img src="images/main/flyme/flyme-7.jpg" alt="">
                                </a>
                            </div>
                            <div class="flyme-title">
                                <a href="#">驾驶辅助</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--  flyme end-->


        <!--  video strat-->
        <div class="video">
            <div class="container">
                <div class="main-promo-title">
                    <a href="#">精彩视频</a>
                </div>
                <div class="container-i clearfix">
                    <ul class="clearfix">
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-1.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">吃鸡不卡，拍她更美：魅族 Note9</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-2.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">国民拍照手机：魅族 Note8</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-3.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">轻奢旗舰：魅族 16 X</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-4.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">准旗舰游戏拍照手机：魅族 X8</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-6.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">Flyme 7</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-7.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">安全家庭</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-8.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">魅族互娱 MGC 探险嘉年华</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                        <li class="fl-l pos-r">
                            <div class="video-img">
                                <a href="#">
                                    <img src="images/main/video/video-8.jpg" alt="">
                                </a>
                            </div>
                            <div class="video-title">
                                <a href="#">魅族 X8 游戏性能测试</a>
                            </div>
                            <div class="video-i pos-a">
                                <a href="#">
                                    <i class="iconfont icon-shipin"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--  video end-->
    </div>
    <!--  main end-->

    <!--  footer strat-->
    <div id="footer">
        <div class="container">
            <div class="row clearfix">
                <div class="service fl-l">
                    <ul class="clearfix">
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-1.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">满80免运费</a>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-2.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">100+ 城市次日送达</a>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-3.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">7天无理由退货</a>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-14.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">15天换货保障</a>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-15.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">1年免费保修</a>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">
                                <img src="images/footer/footer-16.png" alt="">
                            </a>
                            <div class="service-title">
                                <a href="#">上门快修</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="online fl-l t-a-r pos-r">
                    <span>
                        <a href="#">周一至周日 7:30-24:00</a>
                    </span>
                    <p style="color:#0bbbef;">
                        <a href="#">
                            <strong>400-788-3333</strong>
                        </a>
                    </p>
                    <a class="customer pos-a" href="#">联系客服</a>
                </div>
            </div>
            <div class="info">
                <ul class="clearfix">
                    <li class="fl-l">
                        <a href="#">了解魅族</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">加入我们</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">联系我们</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">Flyme</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">魅族社区</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">天猫旗舰店</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">问题反馈</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">线上销售授权名单公示</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">出版物经营许可证</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">简体中文</a>
                    </li>
                </ul>
                <ul class="clearfix pos-r">
                    <li class="fl-l">
                        <span>©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved. </span>
                    </li>
                    <li class="fl-l">
                        <a href="#">粤ICP备13003602号</a>
                    </li>
                    <li class="fl-l">
                        <a href="#">合字B2-20170010 </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">营业执照 </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">法律声明 </a>
                    </li>
                    <li class="fl-l">
                        <span>粤公网安备 44049102496009 号 </span>
                    </li>
                    <li class=" fl-l">
                        <div class="sf">
                            <a class="dis-b" href="#">
                                <img src="images/footer/footer-5.png" alt="">
                            </a>
                            <div class="sf-1 pos-a">
                                <a class=" dis-b" href="#">
                                    <img src="images/footer/footer-6.png" alt="">
                                </a>
                            </div>
                            <div class="sf-2 pos-a">
                                <a class=" dis-b" href="#">
                                    <img src="images/footer/footer-4.png" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class=" fl-l">
                        <div class="wx">
                            <a class="dis-b" href="#">
                                <img src="images/footer/footer-8.png" alt="">
                            </a>
                            <div class="wx-1 pos-a">
                                <a class=" dis-b" href="#">
                                    <img src="images/footer/footer-9.png" alt="">
                                </a>
                            </div>
                            <div class="wx-2 pos-a">
                                <a class=" dis-b" href="#">
                                    <img src="images/footer/footer-7.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <div class="kj pos-r">
                            <a class="dis-b" href="#">
                                <img src="images/footer/footer-10.png" alt="">
                            </a>
                            <div class="kj-1 pos-a">
                                <a href="#" class="dis-b">
                                    <img src="images/footer/footer-11.png" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="fl-l">
                        <div class="wb pos-r">
                            <a class="dis-b" href="#">
                                <img src="images/footer/footer-12.png" alt="">
                            </a>
                            <div class="wb-1 pos-a">
                                <a href="#" class="dis-b">
                                    <img src="images/footer/footer-13.png" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--  footer end-->
</body>

</html>